<!doctype html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang=""> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8" lang=""> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9" lang=""> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js" lang="">
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>Ela Admin - HTML5 Admin Template</title>
		<meta name="description" content="Ela Admin - HTML5 Admin Template">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<link rel="stylesheet" href="assets/css/normalize.css">
		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/font-awesome.min.css">
		<link rel="stylesheet" href="assets/css/themify-icons.css">
		<link rel="stylesheet" href="assets/css/pe-icon-7-filled.css">
		<link rel="stylesheet" href="assets/css/flag-icon.min.css">
		<link rel="stylesheet" href="assets/css/cs-skin-elastic.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<!-- <script type="text/javascript" src="https://cdn.jsdelivr.net/html5shiv/3.7.3/html5shiv.min.js"></script> -->
		<link href="assets/weather/css/weather-icons.css" rel="stylesheet" />
		<link href="assets/calendar/fullcalendar.css" rel="stylesheet" />

		<link href="assets/css/charts/chartist.min.css" rel="stylesheet">
		<link href="assets/css/lib/vector-map/jqvmap.min.css" rel="stylesheet">

		<style>
			#weatherWidget .currentDesc {
				color: #ffffff!important;
			}
			
			.traffic-chart {
				min-height: 335px;
			}
			
			#flotPie1 {
				height: 150px;
			}
			
			#flotPie1 td {
				padding: 3px;
			}
			
			#flotPie1 table {
				top: 20px!important;
				right: -10px!important;
			}
			
			.chart-container {
				display: table;
				min-width: 270px;
				text-align: left;
				padding-top: 10px;
				padding-bottom: 10px;
			}
			
			#flotLine5 {
				height: 105px;
			}
			
			#flotBarChart {
				height: 150px;
			}
			
			#cellPaiChart {
				height: 160px;
			}
		</style>
	</head>

	<body>
		<!-- Left Panel -->
		<aside id="left-panel" class="left-panel">
			<nav class="navbar navbar-expand-sm navbar-default">
				<div id="main-menu" class="main-menu collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li class="active">
							<a href="index.html"><i class="menu-icon fa fa-laptop"></i>后台管理 </a>
						</li>
						<li class="menu-item-has-children dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-cogs"></i>管理员中心</a>
							<ul class="sub-menu children dropdown-menu">
								<li><i class="fa fa-id-card-o"></i>
									<a href="ui-cards.html">个人信息</a>
								</li>
								<li><i class="fa fa-file-word-o"></i>
									<a href="forget.html">修改密码</a>
								</li>
							</ul>
						</li>
						<li>
							<a href="hospital.html"> <i class="menu-icon fa fa-table"></i>医院管理</a>
						</li>
						<li>
							<a href="doctor.html"> <i class="menu-icon fa fa-th"></i>医生管理</a>
						</li>

						<li class="menu-item-has-children dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-tasks"></i>用户管理</a>
							<ul class="sub-menu children dropdown-menu">
								<li><i class="menu-icon fa fa-fort-awesome"></i>
									<a href="font-fontawesome.html">Font Awesome</a>
								</li>
								<li><i class="menu-icon ti-themify-logo"></i>
									<a href="font-themify.html">Themefy Icons</a>
								</li>
							</ul>
						</li>


						<li>
							<a href="disease.html"><i class="menu-icon fa fa-street-view"></i>疾病管理</a>
						</li>
						<!-- /.menu-title -->
						<li>
							<a href="drug.html" > <i class="menu-icon fa fa-glass"></i>药品管理</a>
						</li>
						
						<li class="menu-item-has-children dropdown">
							<a href="" class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="menu-icon fa fa-bar-chart"></i>统计排行</a>
							<ul class="sub-menu children dropdown-menu">
								<li><i class="menu-icon fa fa-line-chart"></i>
									<a href="charts.html">医院统计</a>
								</li>
								<li><i class="menu-icon fa fa-area-chart"></i>
									<a href="charts-flot.html">医生统计</a>
								</li>
								<li><i class="menu-icon fa fa-pie-chart"></i>
									<a href="charts-peity.html">疾病统计</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
				<!-- /.navbar-collapse -->
			</nav>
		</aside>
		<!-- /#left-panel -->
		<!-- Right Panel -->
		<div id="right-panel" class="right-panel">
			<!-- Header-->
			<header id="header" class="header">
				<div class="top-left">
					<div class="navbar-header">
						<a class="navbar-brand" href="./"><img src="images/logo.png" alt="Logo"></a>
						<a class="navbar-brand hidden" href="./"><img src="images/logo2.png" alt="Logo"></a>
						<a id="menuToggle" class="menutoggle"><i class="fa fa-bars"></i></a>
					</div>
				</div>
				<div class="top-right">
					<div class="header-menu">
						<div class="header-left">
							<button class="search-trigger"><i class="fa fa-search"></i></button>
							<div class="form-inline">
								<form class="search-form">
									<input class="form-control mr-sm-2" type="text" placeholder="Search ..." aria-label="Search">
									<button class="search-close" type="submit"><i class="fa fa-close"></i></button>
								</form>
							</div>

							<div class="dropdown for-notification">
								<button class="btn btn-secondary dropdown-toggle" type="button" id="notification" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-bell"></i>
                                <span class="count bg-danger">3</span>
                            </button>
								<div class="dropdown-menu" aria-labelledby="notification">
									<p class="red">You have 3 Notification</p>
									<a class="dropdown-item media" href="#">
										<i class="fa fa-check"></i>
										<p>Server #1 overloaded.</p>
									</a>
									<a class="dropdown-item media" href="#">
										<i class="fa fa-info"></i>
										<p>Server #2 overloaded.</p>
									</a>
									<a class="dropdown-item media" href="#">
										<i class="fa fa-warning"></i>
										<p>Server #3 overloaded.</p>
									</a>
								</div>
							</div>

							<div class="dropdown for-message">
								<button class="btn btn-secondary dropdown-toggle" type="button" id="message" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                <i class="fa fa-envelope"></i>
                                <span class="count bg-primary">4</span>
                            </button>
								<div class="dropdown-menu" aria-labelledby="message">
									<p class="red">You have 4 Mails</p>
									<a class="dropdown-item media" href="#">
										<span class="photo media-left"><img alt="avatar" src="images/avatar/1.jpg"></span>
										<div class="message media-body">
											<span class="name float-left">Jonathan Smith</span>
											<span class="time float-right">Just now</span>
											<p>Hello, this is an example msg</p>
										</div>
									</a>
									<a class="dropdown-item media" href="#">
										<span class="photo media-left"><img alt="avatar" src="images/avatar/2.jpg"></span>
										<div class="message media-body">
											<span class="name float-left">Jack Sanders</span>
											<span class="time float-right">5 minutes ago</span>
											<p>Lorem ipsum dolor sit amet, consectetur</p>
										</div>
									</a>
									<a class="dropdown-item media" href="#">
										<span class="photo media-left"><img alt="avatar" src="images/avatar/3.jpg"></span>
										<div class="message media-body">
											<span class="name float-left">Cheryl Wheeler</span>
											<span class="time float-right">10 minutes ago</span>
											<p>Hello, this is an example msg</p>
										</div>
									</a>
									<a class="dropdown-item media" href="#">
										<span class="photo media-left"><img alt="avatar" src="images/avatar/4.jpg"></span>
										<div class="message media-body">
											<span class="name float-left">Rachel Santos</span>
											<span class="time float-right">15 minutes ago</span>
											<p>Lorem ipsum dolor sit amet, consectetur</p>
										</div>
									</a>
								</div>
							</div>
						</div>

						<div class="user-area dropdown float-right">
							<a href="#" class="dropdown-toggle active" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
								<img class="user-avatar rounded-circle" src="images/admin.jpg" alt="User Avatar">
							</a>

							<div class="user-menu dropdown-menu">
								<a class="nav-link" href="#"><i class="fa fa- user"></i>My Profile</a>

								<a class="nav-link" href="#"><i class="fa fa- user"></i>Notifications <span class="count">13</span></a>

								<a class="nav-link" href="#"><i class="fa fa -cog"></i>Settings</a>

								<a class="nav-link" href="#"><i class="fa fa-power -off"></i>Logout</a>
							</div>
						</div>

					</div>
				</div>
			</header>
			<!-- /#header -->
			<!-- Content -->
			<div class="content">
				<!-- Animated -->
				<div class="animated fadeIn">
					<!-- Widgets  -->
					<div class="row">
						<div class="col-lg-4 col-md-6">
							<section class="card">
								<div class="card-header user-header alt bg-dark">
									<div class="media">
										<a href="#">
											<img class="align-self-center rounded-circle mr-3" style="width:85px; height:85px;" alt="" src="images/admin.jpg">
										</a>
										<div class="media-body">
											<h2 class="text-light display-6" id="name">Jim Doe</h2>
											<p id="zw">管理员</p>
										</div>
									</div>
								</div>

								<ul class="list-group list-group-flush">
									<li class="list-group-item">
										<a href="#"> <i class="fa fa-envelope-o"></i><span id="email">邮箱</span>  </a>
									</li>
									<li class="list-group-item">
										<a href="#"> <i class="fa fa-tasks"></i> <span id="tel">电话</span></a>
									</li>
									<li class="list-group-item">
										<a href="#"> <i class="fa fa-bell-o"></i> <span id="username">账号</span> </a>
									</li>
									<li class="list-group-item">
										<a href="#"> <i class="fa fa-comments-o"></i> <span id="">Mail Inbox</span></a>
									</li>
								</ul>

							</section>
						</div>
						<div class="col-lg-7 col-md-6">
							<div class="card">
								<div class="card-header">
									<strong class="card-title">登录日志</strong>
								</div>
								<div class="card-body">
									<table class="table">
										<thead class="thead-dark">
											<tr>
												<th scope="col">#</th>
												<th scope="col">First</th>
												<th scope="col">Last</th>
												<th scope="col">Handle</th>
											</tr>
										</thead>
										<tbody>
											<tr>
												<th scope="row">1</th>
												<td>Mark</td>
												<td>Otto</td>
												<td>@mdo</td>
											</tr>
											<tr>
												<th scope="row">2</th>
												<td>Jacob</td>
												<td>Thornton</td>
												<td>@fat</td>
											</tr>
											<tr>
												<th scope="row">3</th>
												<td>Larry</td>
												<td>the Bird</td>
												<td>@twitter</td>
											</tr>
										</tbody>
									</table>

								</div>
							</div>
						</div>
						<!-- /Widgets -->

						<!-- Modal - Calendar - Add New Event -->
						<div class="modal fade none-border" id="event-modal">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title"><strong>Add New Event</strong></h4>
									</div>
									<div class="modal-body"></div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>
										<button type="button" class="btn btn-success save-event waves-effect waves-light">Create event</button>
										<button type="button" class="btn btn-danger delete-event waves-effect waves-light" data-dismiss="modal">Delete</button>
									</div>
								</div>
							</div>
						</div>
						<!-- /#event-modal -->
						<!-- Modal - Calendar - Add Category -->
						<div class="modal fade none-border" id="add-category">
							<div class="modal-dialog">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title"><strong>Add a category </strong></h4>
									</div>
									<div class="modal-body">
										<form>
											<div class="row">
												<div class="col-md-6">
													<label class="control-label">Category Name</label>
													<input class="form-control form-white" placeholder="Enter name" type="text" name="category-name" />
												</div>
												<div class="col-md-6">
													<label class="control-label">Choose Category Color</label>
													<select class="form-control form-white" data-placeholder="Choose a color..." name="category-color">
														<option value="success">Success</option>
														<option value="danger">Danger</option>
														<option value="info">Info</option>
														<option value="pink">Pink</option>
														<option value="primary">Primary</option>
														<option value="warning">Warning</option>
													</select>
												</div>
											</div>
										</form>
									</div>
									<div class="modal-footer">
										<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>
										<button type="button" class="btn btn-danger waves-effect waves-light save-category" data-dismiss="modal">Save</button>
									</div>
								</div>
							</div>
						</div>
						<!-- /#add-category -->
					</div>
					<!-- .animated -->
				</div>
				<!-- /.content -->
				<div class="clearfix"></div>

			</div>
			<!-- /#right-panel -->

			<script src="assets/js/vendor/jquery-2.1.4.min.js"></script>
			<script src="assets/js/popper.min.js"></script>
			<script src="assets/js/plugins.js"></script>
			<script src="assets/js/main.js"></script>
			<script src="assets/js/cookieutils.js"></script>

			<!--Local Stuff-->
			<script>
				var $ = jQuery.noConflict();
				//获取管理员信息
				getAdminInfo();
				function getAdminInfo() {
					var username = getCookie("admin-username");
					jQuery.ajax({
						url: "http://127.0.0.1:8000/user/admin/getByUsername",
						data: {
							username: username
						},
						type: 'POST',
						dataType: "json",
						success: function(d) {
							$("#name").html(d.name);
							$("#tel").html(d.tel);
							$("#email").html(d.email);
							$("#username").html(d.username);
						}
					});
				}
			</script>
	</body>

</html>